@extends('layouts.app')
@section('title', '课程')

@section('content')
    <!-- 课程Home -->
    <div class="courseVideo">
        <div class="crumbs">
            <ol class="breadcrumb">
                <li><a href="#">首页</a></li>
                <li><a href="#">广场</a></li>
                <li class="active">招聘信息</li>
            </ol>
        </div>
        <div class="videoCont">
            <div class="video"><img src="{{ asset('/img') }}/img_sm20.jpg" alt=""></div>
            <a href="#" class="advert" title="广告"><img src="{{ asset('/img') }}/img_sm21.jpg" alt=""></a>
        </div>
        <div class="videoInfo">
            <div class="comment fl">
                <div class="purchase">
                    <h3>此视频为付费内容，购买后观看！</h3>
                    <a href="#">¥3.00购买</a>
                </div>
                <div class="discuss">
                    <ul id="myTab" class="nav nav-tabs">
                        <li class="active"><a href="#A" data-toggle="tab">评论 12</a></li>
                        <li><a href="#B" data-toggle="tab">视频介绍</a></li>
                        <li><a href="#C" data-toggle="tab">课件介绍</a></li>
                        <li><a href="#D" data-toggle="tab">源码下载</a></li>
                        <li><a href="#E" data-toggle="tab">作业</a></li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="A">
                            <div class="introduce">
                                <textarea rows="3" cols="20" placeholder="写下您想说的话"></textarea>
                                <p>0/300</p>
                            </div>
                            <div class="introduceBtn">
                                <a href="#" title="发布">发布</a>
                            </div>
                            <div class="discussList">
                                <div class="item">
                                    <img src="{{ asset('/img') }}/tx_01.jpg" alt="" class="txImg">
                                    <div class="word">
                                        <a href="#" class="ltName">webCailan</a>
                                        <p>此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！</p>
                                        <div class="datePl">
                                            <i>2017-11-23 14:25:56</i>
                                            <span><img src="{{ asset('/img') }}/img_sm28.png" alt="">125</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="{{ asset('/img') }}/tx_01.jpg" alt="" class="txImg">
                                    <div class="word">
                                        <a href="#" class="ltName">webCailan</a>
                                        <p>此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！</p>
                                        <div class="datePl">
                                            <i>2017-11-23 14:25:56</i>
                                            <span><img src="{{ asset('/img') }}/img_sm28.png" alt="">125</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="{{ asset('/img') }}/tx_01.jpg" alt="" class="txImg">
                                    <div class="word">
                                        <a href="#" class="ltName">webCailan</a>
                                        <p>此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！</p>
                                        <div class="datePl">
                                            <i>2017-11-23 14:25:56</i>
                                            <span><img src="{{ asset('/img') }}/img_sm28.png" alt="">125</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="{{ asset('/img') }}/tx_01.jpg" alt="" class="txImg">
                                    <div class="word">
                                        <a href="#" class="ltName">webCailan</a>
                                        <p>此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！此视频为付费内容，购买后观看！</p>
                                        <div class="datePl">
                                            <i>2017-11-23 14:25:56</i>
                                            <span><img src="{{ asset('/img') }}/img_sm28.png" alt="">125</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="B">
                            <p>我这里是B选项卡显现的</p>
                        </div>
                        <div class="tab-pane fade" id="C">
                            <p>我这里是C选项卡显现的</p>
                        </div>
                        <div class="tab-pane fade" id="D">
                            <p>我这里是D选项卡显现的</p>
                        </div>
                        <div class="tab-pane fade" id="E">
                            <p>我这里是E选项卡显现的</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="recommendCont fr">
                <div class="adVideo">
                    <p style="margin-top:30px;">购买会员，</p>
                    <p>全站视频点播10次（广告图）</p>
                </div>
                <div class="dataInfo">
                    <div class="bigCont">
                        <span>851<br>播放</span>
                        <span>234<br>点赞</span>
                        <span>102<br>分享</span>
                    </div>
                </div>
                <!-- 推荐课程 -->
                <div class="recommend" id="recommend">
                    <div class="title"><h3>推荐课程</h3></div>
                    <ul>
                        <li>
                            <a href="javascript:;" class="tit">数据库课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">Windows32基础课程-童老师Windows32基础课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">Windows32基础课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">数据库课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
@stop
@section('script')
    <script>

    </script>
@stop